<template>
  <div id="app">
    <!-- 导航栏 -->
    <el-menu mode="horizontal" :router="true" class="nav-bar">
      <el-menu-item index="/">首页</el-menu-item>
      <el-menu-item index="/restaurant">餐厅</el-menu-item>
      <el-menu-item index="/user">用户信息</el-menu-item>
    </el-menu>

    <!-- 路由出口 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style>
.nav-bar {
  background-color: #409eff;
  color: white;
  line-height: 56px;
  font-size: 16px;
}
</style>
